<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <title>10-闹钟UI</title>
</head>

<body>
    <div class="cont">
        <div class="phone">
            <div class="phone_cont">
                <div class="nav">
                    <div class="nav_a"></div>
                    <div class="nav_b"></div>
                </div>
                <p class="title">你的闹钟</p>

                <div class="nz">
                    <input type="checkbox" name="chk" id="chk1">
                    <div class="txt_box">
                        <p class="name">睡觉</p>
                        <div class="time">8:00</div>
                        <p class="days">日,一,二,三,四</p>
                    </div>
                    <label for="chk1" class="icon"></label>
                </div>

                <div class="nz">
                    <input type="checkbox" name="chk" id="chk2">
                    <div class="txt_box">
                        <p class="name">吃饭时间</p>
                        <div class="time">13:00</div>
                        <p class="days">每一天</p>
                    </div>
                    <label for="chk2" class="icon"></label>
                </div>

                <div class="nz_change">
                    <input type="checkbox" name="chk" id="chk3">
                    <div class="txt_box">
                        <p class="name">工作</p>
                        <div class="time">16:30</div>
                        <p class="days">五,六</p>
                    </div>
                    <label for="chk3" class="icon"></label>
                </div>
            </div>
            <div class="footer">
                <input type="radio" name="chekfoot" id="chekfoot" checked>
                <label for="chekfoot">
                    <div class="title">提醒
                    </div>
                </label>
                <input type="radio" name="chekfoot" id="chekfoot1">
                <label for="chekfoot1">
                    <div class="title">时钟
                    </div>
                </label>
                <input type="radio" name="chekfoot" id="chekfoot2">
                <label for="chekfoot2">
                    <div class="title">定时器
                    </div>
                </label>
            </div>
        </div>
    </div>
</body>

</html>